@use '@vuepress/highlighter-helper/scss/code-title-icon';

:root {
  --code-c-bg: #fafafa;
  --code-tabs-c-text: var(--vp-c-text);
  --code-tabs-c-bg: rgba(0 0 0 / 10%);
}

[data-theme='dark'] {
  --code-c-bg: #282c34;
  --code-tabs-c-bg: #181819;
}

@include code-title-icon.style(
  (
    title: '.vuepress/config.ts',
    match: 'equals',
    icon: 'https://ecosystem.vuejs.press/images/hero.png',
  ),
  (
    title: '.vuepress/client.ts',
    match: 'equals',
    icon: 'https://ecosystem.vuejs.press/images/hero.png',
  ),
  (
    title: '.scss',
    match: 'endsWith',
    icon: 'https://sass-lang.com/assets/img/logos/logo.svg',
  )
);
